<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/loginTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        
    </ui:define>

    <ui:define name="content">
        <h:form id="contenido">

            <p:panel rendered="#{loginAction.usuario.estaLogeado}">
                <script>
                    window.location = "index.jsf";
                </script>
            </p:panel>
            
            <p:panel id="panelusuario" header="Login" style="margin-left: auto; margin-right: auto; margin-top: 100px;width: 400px;">
                <p:panelGrid columns="2">
                    <h:outputLabel value="Usuario"/>
                    <p:inputText id="nombreusuario" value="#{loginAction.usuario.nombre}"/>

                    <h:outputLabel value="Contraseña"/>
                    <p:password id="passusuario" value="#{loginAction.usuario.password}"/>          

                    <h:panelGroup/>
                    <p:commandButton id="loginbutton" value="Iniciar" action="#{loginAction.login()}" ajax="false"/>

                    <h:panelGroup/>


                    <p:messages id="messageslogin" showDetail="true" autoUpdate="true" closable="true" > 
                        <p:effect type="fade" event="load" delay="2000" />
                    </p:messages>

                </p:panelGrid>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>